<template>
  <div class="flex-col p20">
    <h2>地图使用方法：</h2>
    <Amap class="mb20" map-height="30vh" @mapLoad="mapLoad"></Amap>

    <h2>echarts使用方法：</h2>
    <ChartView class="mb20" :chart-option="state.pieOption" width="90vw" height="200px"/>

    <h2>store使用方法:</h2><span class="mb20">{{variable}}</span>

    <h2>组件使用方法：</h2>

    <HelloWorld msg="Hello" class="mt20"/>

  </div>
</template>

<script setup>
import HelloWorld from "../../components/HelloWorld.vue";
import ChartView from "../../lib/echarts/ChartView.vue";
import example from '../../hooks/module/index'
import Amap from "../../lib/amap/Amap.vue";
let {state, variable, mapLoad} = example()
</script>

<style scoped>

</style>
